// pages/interface/index.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    books: [],
    keywords:'',
    history: wx.getStorageSync('history') || []
  },
  getBooks() {
    // 显示loading提示框
    wx.showLoading({
      title: '获取中...',
      mask: true
    }),
    // 调用数据接口的方法
    wx.request({
      // 调用小程序的 API 发起请求
      url: 'https://hmajax.itheima.net/api/books',
      method: 'GET',
      data: {
        creator: 'zhangsan'
      },
      // 网络请求成功（只要网络请求是成功的 不管业务是成功还是失败）
      success: (result) => {
        // 更新数据，渲染页面
        this.setData({
          books: result.data.data
        }),
        // 消息提示框（轻提示）
        wx.showToast({
          title: '获取成功',
          mask: true,
          icon:'none'
        })
      },
      complete: () => {
        // 隐藏loading提示框
        wx.hideLoading()
      }
    })

  },
  setStorage() {
    // 存入一个数据
    wx.setStorageSync('author', '张士文傻狗')
    // 存入复杂数据类型
    wx.setStorageSync('user', { name:'张三', age:1 })
  },
  getStorage() {
    // 读取本地数据
    const author = wx.getStorageSync('author')
    console.log(author);
    const user = wx.getStorageSync('user')
    console.log(user);
  },
  removeStorage() {
    // 删除本地数据
    wx.removeStorageSync('author')
  },
  clearStorage() {
    // 清空本地数据 (全部清除)
    wx.clearStorageSync('user')
  },
  searchByKeywords() {
    // 记录关键字到数组中
    const { keywords, history } = this.data
    history.push(keywords)
    // 更新数据 重新进行渲染
    this.setData({history: history, keywords:''})
    // 记录数据到本地存储
    wx.setStorageSync('history', history)
  },
  delBtn(){
    //删除本地存储
    wx.removeStorageSync('history')
    this.setData({ history: [] })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})